.news{
  .tab-tit{
    font-size: 28px;color: #999;padding: 50px 0 40px;
    .tab-list{
      display: inline-block;cursor: pointer;
      &.active{color: #333;}
    }
    .tab-list2{margin-left: 85px;}
    .search{
      margin-right: 20px;
      input{width: 165px;height: 30px;border: 1px solid #989898;color: #666;padding: 0 10px;font-size: 14px;vertical-align: middle;outline: none;border-radius: 0;}
      .search-btn{
        width: 45px;height: 30px;display: inline-block;vertical-align: middle;
        background: #989898 url('../../assets/images/news-search.png') center no-repeat;
        cursor: pointer;
      }
    }
  }
  .tab-con{
    .vue-waterfall-slot{height: auto !important;}
    .con{
      width: 280px;height: auto !important;
      margin-left: 0px;border: 1px solid #c2c2c2;
      .imgBox{
        width: 100%;font-size: 0;
        img{width: 100%;}
      }
      .in-tit{color: #333;margin: 12px 14px 6px;}
      .in-txt{font-size: 12px;color: #666;margin-left: 14px;margin-right: 14px;}
      .detail{
        width: 93%;border-top: 1px solid #c2c2c2;font-size: 12px;
        color: #999;padding: 5px 0 10px 14px;margin-top: 8px;
        i{
          width: 25px;height: 4px;background: url('../../assets/images/r-arrow.png');
          background-size: 100% 100%;float: right;margin-top: 8px;
        }
      }
    }
  }
  .more{
    margin: 30px 0 0 30px;cursor: pointer;
    font-size: 18px;color: #666;
    padding-bottom: 80px;
  }
  .demo {
    position: relative;
    transition: .2s ease;
  }
  .grid {
    position: relative;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0 auto;
  }
  .grid-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 23%;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 1px solid #e3e3e3;
  }
}
